/*---------------------------------------------------------------
# Package - Joomla Template based on Helix Framework   
# ---------------------------------------------------------------
# Author - JoomShaper http://www.joomshaper.com
# Copyright (C) 2010 - 2012 JoomShaper.com. All Rights Reserved.
# license - PHP files are licensed under  GNU/GPL V2
# license - CSS  - JS - IMAGE files  are Copyrighted material 
# Websites: http://www.joomshaper.com
-----------------------------------------------------------------*/
#hornav,#sublevel {position:relative;font-family: "Open Sans Condensed",sans-serif;}
#hornav ul.sp-menu{margin:10px}
#sublevel ul.sp-menu { padding: 10px}
#hornav .megacol,#sublevel .megacol {float:left}
#sublevel ul.empty,#sublevel li.empty {height:0px!important;display:none}
#hornav ul li,#sublevel ul li{background:none;padding:0;margin:0}

/*Top Level*/
#hornav {
    background: #f0f0f0; border: 1px solid #ddd; margin-bottom: 8px; text-shadow: 0 1px 0 rgba(255,255,255,0.5);
    -moz-box-shadow: 0 -1px 0 #fff, inset 0 -1px 0 rgba(255,255,255,0.5);
    -webkit-box-shadow: 0 -1px 0 #fff, inset 0 -1px 0 rgba(255,255,255,0.5);
    box-shadow: 0 -1px 0 #fff, inset 0 -1px 0 rgba(255,255,255,0.5);
    text-transform: uppercase;
}
#sublevel {background:#f5f5f5;border-bottom:1px solid #e5e5e5}

#hornav ul.level-0,
#sublevel ul.level-1{float:left;margin:0;padding:0}

/*Parent list item*/
#hornav ul.level-0 > li.menu-item,
#sublevel ul.level-1 > li.menu-item{background:none;display:block;float:left;margin:0;padding:0;border-right: 1px solid #e5e5e5;font-size: 15px;line-height: 15px;}

#hornav ul.level-0 > li.menu-item.last,
#sublevel ul.level-1 > li.menu-item.last {border-right:none}

/*Parent list item hover and active*/
#hornav ul.level-0 > li:hover {background:#E5E5E5;}
#hornav ul.level-0 > li.menu-item:hover > a.menu-item{color:#444;}
#hornav ul.level-0 > li.menu-item.active > a.menu-item,#sublevel ul.level-1 > li.menu-item.active > a.menu-item {color: #EF4423;}
/*Parent anchor text*/
#hornav ul.level-0 > li.menu-item > a.menu-item,
#sublevel ul.level-1 > li.menu-item > a.menu-item{display:block;font-weight:400;line-height:normal;text-decoration:none;margin:0;padding: 12px 18px;color:#777;}

#hornav ul.level-0 > li.menu-item span.has-image,
#sublevel ul.level-1 > li.menu-item span.has-image{padding-left:18px;display:block;background-repeat:no-repeat;background-position:0 50%}

#hornav ul.level-0 > li.menu-item span.menu-title,
#sublevel ul.level-1 > li.menu-item span.menu-title{display:block}

#hornav ul.level-0 > li.menu-item span.menu-desc,
#sublevel ul.level-1 > li.menu-item span.menu-desc{display:block;font-weight:400;font-size:92%;color:#888}

/*Submenu*/
#hornav li .submenu, #sublevel li .submenu {
    position: absolute;
    display: none;
    z-index: 9999;
    -webkit-transform: translateZ(0);
    -moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
    box-shadow: 0 2px 2px rgba(0, 0, 0, 0.15);
}
#hornav ul.level-0 > li .submenu-inner,#sublevel ul.level-1 > li .submenu-inner {border-top:none}

#hornav ul li .submenu-inner, #sublevel ul li .submenu-inner {
    border: 1px solid #e5e5e5;
    background: #E5E5E5;
}
#hornav ul.level-1 > li .submenu-inner,#sublevel ul.level-2 > li .submenu-inner {border-top:1px solid #e5e5e5;}

/*Styling subnav*/
#hornav ul ul,
#sublevel ul ul {float: none;}

#hornav li.menu-item li.menu-item,
#sublevel li.menu-item li.menu-item {
    background: none;
    display: block;
    margin: 0;
    padding: 0;
    float: none;
    border-bottom: 1px solid #DDDDDD;
}

#hornav li.menu-item li.menu-item.first,
#sublevel li.menu-item li.menu-item.first {}

#hornav li.menu-item li.menu-item a.menu-item,
#sublevel li.menu-item li.menu-item a.menu-item {
    display: block;
    font-size: 92%;
    font-weight: 400;
    line-height: normal;
    text-decoration: none;
    margin: 0;
    padding: 7px 5px;
    color: #777
}

#hornav li.menu-item li.menu-item.last,
#sublevel li.menu-item li.menu-item.last {border: none;}
/*Menu item desc*/
#hornav li.menu-item li.menu-item span.menu-desc,
#sublevel li.menu-item li.menu-item span.menu-desc{color:#888}

/*Active and hover*/
#hornav li.menu-item li.menu-item:hover a.menu-item {color: #444;}

/*Dropline or Split menu*/
#sublevel ul.level-1 > li.menu-item{background:none}
#sublevel ul.level-1 > li.menu-item > a.menu-item{color:#777;padding:8px 10px!important}
#sublevel ul.level-1 > li.menu-item span.has-image{}
#sublevel ul.level-1 > li.menu-item span.menu-title{}
#sublevel ul.level-1 > li.menu-item span.menu-desc{}

/*Group*/
* html .group{height:0}
#hornav ul li.menu-item .group{background:none!important;overflow:hidden}
#hornav .group-content > ul.sp-menu{margin:10px 5px!important}
#hornav .group-title{overflow:hidden;border-bottom:5px solid #e5e5e5}
#hornav .group-title .menu-title{font-size:100%;font-weight:400;line-height:normal;text-transform:uppercase;color:#333}
#hornav .group-title .menu-desc{padding-left:0!important;color:#888}